<!DOCTYPE html>
<html lang="pt-br">
<head>
    <!-- Codificação de caracteres -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <!--[if lt IE 9]>
    <script type="text/javascript">
        document.createElement("nav");
        document.createElement("header");
        document.createElement("footer");
        document.createElement("section");
        document.createElement("aside");
        document.createElement("article");
    </script>
    <![endif]-->
    
    <title>{% if title %} {{ title }} - {% endif %}Controle de Salas</title>

    <!-- Style sheets -->
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/base.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/text.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/link.css" />
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/sidebar.css" />
    {% if css %}
    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/{{ css }}.css" />
    {% endif %}
    
    <!-- JavaScript - Script -->
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.maskedinput.pack.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/script.js"></script>
    {% if js %}
    <script type="text/javascript" src="{{ STATIC_URL }}js/{{ js }}.js"></script>
    {% endif %}

</head>
<body>

<section id="page_top">
    <nav id="top_nav">
        <ul>
            <li><a href="/">Início</a></li>
            {% if user.is_authenticated %}
            <li><a href="/public">Salas</a></li>
            {% endif %}
            <li><a href="/public/sobre">Sobre o sistema</a></li>
            <li><a href="/public/ajuda/">Ajuda</a></li>
            {% if user.is_authenticated %}
            <li class="sair">Logado como <strong>{{ user.username }}</strong> <a class="sair" href="/accounts/logout" onclick="return confirm('Deseja realmente sair do sistema?');">Sair</a></li>
            {% else %}
            <li class="entrar"><a class="entrar" href="/accounts/login/">Entrar</a></li>
            {% endif %}
        </ul>
    </nav>
</section>

<span style="clear: both;"></span>
    
<header id="page_header">
</header>

<section id="center">

{% if header %}
<h1>{{ header }}</h1>
{% elif title %}
<h1>{{ title }}</h1>
{% endif %}

<section id="main">

{% if aviso %}
<p class="aviso">{{ aviso }} <a style="position: absolute; right: 8px; top: 8px;": 0px;" title="Esconder" href="javascript:showElement('.aviso');"><img src="{{ STATIC_URL }}/img/icons/icon-no.gif" alt="Fechar" /></a></p>
{% endif %}

{% if mensagem %}
<p class="mensagem">{{ mensagem }} <a style="position: absolute; right: 8px; top: 8px;": 0px;" title="Esconder" href="javascript:showElement('.mensagem');"><img src="{{ STATIC_URL }}/img/icons/icon-yes.gif" alt="Fechar" /></a></p>
{% endif %}

{% block conteudo %}
{% endblock %}
</section>

{% if user.is_authenticated %}
<section id="sidebar">
<ul>
<li><a href="/">Página inicial</a></li>
{% if user.is_staff %}
<li><a href="/admin/" target="_blank">Administração</a></li>
{% endif %}
<li><a href="javascript:alert('Não implementado ainda');">Perfil</a></li>
<li><a href="/private/evento/cadastrar_evento">Cadastrar evento</a></li>
<li><a href="/private/sala/solicitar_reserva">Solicitar reserva</a></li>
</ul>
</section>
{% endif %}

<div style="clear: both;"></div>
</section>

<footer id="page_footer">
    Todos os direitos reservados - 2012 <br />
    Prefira utilizar versões atualizadas do seu navegador preferido.

    Site melhor visualizado no
    <!-- Inicio do botao do Firefox -->
    <a href="http://br.mozdev.org/" target="_blank"><img src="/static/img/white_2.gif" alt="Firefox" width="80" height="15" style="border-style:none;" title="Mozilla Firefox - Baixa já a última versão" align="top" /></a>
    <!-- Fim do botao do Firefox --><br />
    Página desenvolvido por <a href="/about_author">Joseph Soares Alcântara</a> - <a href="mailto:joseph@alu.ufc.br">joseph@alu.ufc.br</a>
</footer>

</body>
</html>
